<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>兑换详情</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<!-- 引入相关样式 -->
	<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css">
	<link rel="stylesheet" href="../../css/exchange/exchangeDetail.css">
	<link rel="stylesheet" href="../../css/exchange/calendar.css" media="all">
	<link rel="stylesheet" href="../../css/exchange/personalInfo.css">
</head>

<body>

	<!-- 网页主体 -->

<div class="layui-container">
	<!-- 弹窗主体 -->
	<div class="layui-row exchange-info">
		<!-- 信息显示以及兑换操作 -->
		<div class="layui-col-md3">
			<!-- 酒店图片 -->
			<img id="exchangeImg" src="../../img/exchange/酒店测试1.jpg">
		</div>
		<div class="layui-col-md5">
			<!-- 酒店描述 -->
			<p class="info-big" id="exchangeName">酒店名称</p>
			<p class="info-big" id="exchangeRate">兑换比例</p>
			<p class="info-big" id="exchangeTicket">兑换券数量</p>
			<p class="info-big" id="exchangeCount">房源数量</p>
			<p class="info-big" id="exchangeDes">房间描述</p>
		</div>
		<div class="layui-col-md4 ">
			<form class="layui-form" action="" lay-filter="exchangeSelect">
				<div class="layui-form-item">
					<label class="layui-form-label">联系电话</label>
					<div class="layui-input-inline">
						<input name="exchangeTelephone" placeholder="默认为用户账户电话" class="layui-input" lay-verify="telephone">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">兑换个数</label>
					<div class="layui-input-block">
						<select id="exchangeNum" name="exchangeNum" lay-filter="exchangeNumber" lay-verify="required">
							<option value="" id="selectShow"></option>
						</select>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block">
						<button class="layui-btn exchange-submit" lay-submit="" lay-filter="exchangeSubmit">立即提交</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="layui-row">
		<!-- 兑换记录数据表格 -->
		<table id="exchangeHistory" lay-filter="exchangeHistory"></table>

	</div>
</div>
<table class="layui-hide" id="exchangeTable"></table>

<script src="../../layuiadmin/layui/layui.js"></script>
<script src="../../js/jquery-1.8.3.js"></script>
<script src="../../js/jquery.cookie.js"></script>
<script src="../../js/user/common.js"></script>
<script src="../../js/exchange/exchangeGoodsDetail.js"></script>
<script src="../../js//exchange/changetimetype.js"></script>
<script>
    layui.use(['layer', 'form', 'table'], function () {
        var layer = layui.layer,
            form = layui.form,
            table = layui.table;

        form.verify({
            telephone: function (value, item) { //value：表单的值、item：表单的DOM对象
                if (!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(value)) {
                    // 固定电话格式验证
                    return '请输入合法固定电话';
                } else if (!/^1(3|4|5|7|8)\d{9}$/.test(value)) {
                    // 手机号码验证
                    return '请输入合法手机号码'
                }
            }
        });

    })
</script>

</body>

</html>